$(function() {
	const userData = JSON.parse(localStorage.getItem('userData'));

	//加载头像
	// $('.avatar').attr('src',`${baseURL}`+userData.avatar)

	//加载昵称
	$('.name').text(userData.nickName)

	//绑定按键
	function bindBtn() {
		//删除分类
		$('.btn-del').click(function() {
			// 该分类id
			const id = $(this).attr('data-id');

			$.ajax(baseURL + `/categories/${id}`, {
				method: 'delete',
				// ajax 跨域请求 允许携带 凭证
				xhrFields: {
					withCredentials: true
				},
				success: function(res) {
					alert('分类删除成功!');
					console.log(res);
					loadCategoryList();
				},
				error: function(err) {
					alert('分类删除失败!');
					console.log(err);
				}
			})
		})
	}

	// 加载分类目录
	function loadCategoryList() {
		$.ajax(baseURL + `/categories`, {
			method: 'get',
			success: function(res) {
				const htmlStr = template('templateCategoryListTr', {
					'results': res,
					'baseURL': baseURL
				});
				$('tbody').html(htmlStr);
				bindBtn();
			},
			error: function(err) {
				console.log(err);
			}
		})
	}
	loadCategoryList();

	// 添加分类
	$('.btn-add-category').click(function() {
		const name = $('.category-name').val().trim(); //分类名称
		const icon = $('.category-icon').val().trim(); //分类图标类名
		if (name && icon) {
			$('.alert-left').css('display', 'none');
			$('.alert-left').html('<strong>错误！</strong> 请填写完整！')

			//添加分类
			$.ajax(baseURL + '/categories', {
				method: 'post',
				data: {
					title: name,
					className: icon
				},
				success: function(res) {
					alert('分类添加成功!', res);
					loadCategoryList();
				},
				error: function(err) {
					console.log(err);
					$('.alert-left').css('display', 'block');
					$('.alert-left').html('<strong>错误！</strong> 分类添加失败！')
				}
			})

		} else {
			$('.alert-left').css('display', 'block');
		}
	})


})
